﻿.layui-body, .layui-footer, .layui-layout-admin .layui-side, .layui-header .layui-logo, .layui-header .layui-nav
, li.layui-nav-item, .lsl-menutabs, li.layui-nav-item:hover {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.layui-nav .layui-this:after {top: 0; bottom: auto;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { top: 0 ; height: 3px;}
.layui-nav .layui-nav-child a:hover {background-color:#5FB878;color:#fff;}
/*.layui-nav .layui-nav-child a:hover,.layui-nav .layui-nav-child dd.layui-this a:hover{background-color:#5FB878;color:#fff;}*/

/*.layui-nav-itemed:before{ width:5px; height:100%; background-color:#009688; position:absolute; content:''; left:0; top:0;}*/

.layui-tab-card > .layui-tab-content { padding:40px 0 0 0; height:100% }
.layui-tab-card > .layui-tab-title { background-color: #fff; position:absolute !important; max-width:93%; left:0; }
.layui-tab-card > .layui-tab-title li.layui-this { color: #009688; background-color: #f2f2f2; }
.layui-tab-card > .layui-tab-title li.layui-this:after { width: 100%; border: none; height:2px; background-color: #009688;}
.layui-tab-card .layui-tab-title li:first-child { padding-right: 15px;}
.layui-tab-card .layui-tab-title li {
    min-width: 0;
    line-height: 40px;
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    border-right: 1px solid #f6f6f6;
    vertical-align: top;
}
.layui-tab-card .layui-tab-title li:hover { background-color: #f2f2f2; }
.layui-tab-card .layui-tab-title li:hover:after { width: 100%; }
.layui-tab-card .layui-tab-title li:after {
    content: '';
    position: absolute;
    top: 38px;
    left: 0;
    width: 0;
    height: 2px;
    border-radius: 0;
    background-color: #009688;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-child a { color: #333;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-child a:hover { background-color:#F2F2F2; }
.layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this, .layui-layout-admin .layui-header .layui-nav .layui-nav-child dd.layui-this a { background: 0 0;}

.layui-layout-admin .layui-header .layui-logo {
    width: 200px;
    background-color: #324157;
    color: #f2f2f2;
    font-size: 18px;
    font-family: Myriad Pro,Helvetica Neue,Arial,Helvetica,sans-serif;
    font-weight: bold;
    overflow: hidden;
    line-height: 50px;
    white-space: nowrap;
    box-shadow: 1px 0 2px 0 rgba(0,0,0,.05);
}
.layui-layout-admin .layui-header { background-color: #fff; height: 50px; box-shadow: 0 1px 0 0 rgba(0,0,0,.05);}
.layui-layout-admin .layui-header .layui-logo {background-color: #23262E;}
.layui-layout-admin .layui-header .layui-nav { padding: 0 10px;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-more { border-top-color: #666;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-mored { border-color: transparent transparent #666;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-item, .layui-layout-admin .layui-logo { height: 50px; line-height: 50px;}
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child { top: 50px;}
.layui-layout-admin .layui-header .layui-nav .layui-this:after{ height: 0; top: 0!important;}
.layui-layout-admin .layui-header .layui-nav-bar { height: 2px; background-color: #03152a; top: 0!important;}
.layui-layout-admin .layui-header .layui-nav-item a { color: #333333; padding: 0 15px; cursor: pointer;}
.layui-layout-admin .layui-header .layui-nav-item a:hover { color: #333333;}
.layui-layout-admin .layui-header .layui-nav-item .layui-icon { font-size: 16px;}
.layui-layout-admin .layui-side.layui-bg-black {background-color: #23262E!important;}
.layui-layout-admin .layui-side .layui-nav {background-color: #23262E!important;}
.layui-layout-admin .layui-side, .layui-layout-admin .layui-body { top: 50px;}
.layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-icon { font-size: 16px;}
.layui-layout-admin .layui-side .layui-nav .layui-nav-more { right: 15px;}

.hideMenu.layui-layout-admin .layui-side {left: -200px;}

.hideMenu .layui-body, .hideMenu .layui-footer {left: 0;}

.first-tab i.layui-tab-close { display: none;}

/**右键菜单*/
.rightmenu { position: fixed; width: 125px; z-index: 9999; display: none; background-color: #fff; padding: 5px 0; color: #333; border-radius: 5px; cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,.12); border: 1px solid #d2d2d2;}
.rightmenu li {  position: relative; text-align: center; display: block; height: 30px; line-height: 30px;}
.rightmenu li:hover { background-color: #5FB878; color: #fff; }

/*.layui-nav-child > dd .layui-this {
    background-color: transparent !important;
}*/

.center {text-align:center; }
/*.layui-nav cite {margin-left:10px}*/
/*.layui-nav-itemed .layui-nav-child a { padding-left: 28px;}*/
/*.layui-nav .layui-nav-item a > cite { margin-left:5px;}*/

/*导航栏tab隐藏 --start--*/
.layui-layout-admin.admin-nav-mini .layui-header .layui-logo {
    width: 60px
}
.layui-layout-admin.admin-nav-mini .layui-header .layui-logo cite {
    display: none
}
.layui-layout-admin.admin-nav-mini .layui-header .layui-layout-left {
    left: 60px
}
.layui-layout-admin.admin-nav-mini .layui-side {
    width: 60px
}
.layui-layout-admin.admin-nav-mini .layui-side .layui-nav {
    width: 60px
}
.layui-layout-admin.admin-nav-mini .layui-side-scroll {
    width: 80px
}
.layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item>a>cite {
    display: none
}
.layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item>a .layui-nav-more {
    display: none
}
.layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item>a {
    overflow: visible
}
.layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-itemed .layui-nav-child {
    display: none
}
.layui-layout-admin.admin-nav-mini .layui-body {
    left: 60px
}
.layui-layout-admin.admin-nav-mini .layui-body .lsl-menutabs {
    left: 60px
}
.layui-layout-admin.admin-nav-mini .layui-footer {
    left: 60px
}
.layui-layout-admin.admin-nav-mini .layui-side .layui-nav li.layui-nav-itemed>a {
    background: rgba(0, 0, 0, .3)
}
.layui-layout-admin.admin-nav-mini .layui-header .layui-icon-shrink-right:before {
    content: "\e66b"
}
.layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item.admin-nav-hover>.layui-nav-child {
    display: inline-block;
    position: fixed;
    top: 105px;
    left: 65px;
    background: #24262f !important;
    min-width: 200px;
    z-index: 1001
}
.layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item.admin-nav-hover .layui-nav-itemed>.layui-nav-child {
    display: block
}
/*导航栏tab隐藏 --end--*/

/*菜单tab --begin--*/
.lsl-menutabs { 
    position: fixed;
    top: 50px;
    right: 0;
    left:200px;
    z-index: 998;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
}
.lsl-menutabs .lsl-tabs-about { 
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    z-index: 1001;
    box-sizing: border-box;
    border-left: 1px solid #f6f6f6;
    background-color: #fff;
}
.lsl-menutabs .lsl-tabs-about:hover { background-color: #f2f2f2;}
.lsl-menutabs .layui-icon-prev { left: 0; border-left: none; border-right: 1px solid #f6f6f6;}
.lsl-menutabs .layui-icon-next { right: 0; }
.lsl-menutabs .layui-tab { margin: 0; overflow: hidden; width:100% }
.lsl-menutabs .layui-tab .layui-tab-title { padding: 0 0 0 40px; }
.lsl-menutabs .layui-tab .layui-tab-title .layui-tab-bar { display:none; }
.lsl-menutabs .layui-tab[overflow] > .layui-tab-title { overflow:visible;}
/*菜单tab --end--*/